<template>
    <div class="container" @click="click">
        <span>{{ $parent.content}}</span>
        <Child :content="childContent"></Child>
    </div>

</template>

<script setup>
    import { computed, ref } from 'vue';
    import Child from './Child.vue';
    const childContent = computed(()=>{
        return `Parent是App的子组件, Child是Parent的子组件`
    })
    let subContent = ref("来自子组件中的内容")
    defineExpose({subContent})

</script>
<style scoped>
    span {
        color: blue;
    }
</style>